<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>Title</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/b_schoolActive.css">
    <link rel="stylesheet" href="../fonts/b/font_2281576_xu9xeflniz/iconfont.css">
</head>

<body>
    <div class="container-fluid content_width">
        <div class="row">
            <div>
                <!--标题-->
                <div class="title">
                    <p>学校活动</p>
                </div>
                <!--左边城市-->
                <div class="Left ">
                    <ul id="city">
                    </ul>
                </div>
                <!--右边学校-->
                <div class="Right ">
                    <table class="table ">
                        <thead>
                            <tr>
                                <td>学校名称</td>
                                <td>校长</td>
                                <td>录入时间</td>
                                <td>联系电话</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="schoolList">
                        </tbody>
                    </table>

                </div>

            </div>
        </div>
    </div>
    <!--查看活动模态框-->
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" id="modal_width">
            <div class="modal-content" id="modal_content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">活动记录一览</h4>
                </div>
                <div class="modal-body">
                    <table class="table" id="table">
                        <thead>
                            <tr>
                                <td>活动名称</td>
                                <td>时间</td>
                                <td>地点</td>
                                <td>主题</td>
                                <td>负责部门</td>
                                <td>负责人</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody class="activeList">
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer" id="footer_button">
                    <button type="button" class="btn btn-info" id="addition">添加</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--添加活动的内容-->
    <div id="AddAction">
        <form action="#">
            <table>
                <tr>
                    <td>活动名称</td>
                    <td><input type="text" size="16" id="name"><span></span></td>
                </tr>
                <tr>
                    <td>活动时间</td>
                    <td><input type="date" id="time"></td>
                </tr>
                <tr>
                    <td>活动地点</td>
                    <td><input type="text" size="16" id="place"><span></span></td>
                </tr>
                <tr>
                    <td>主题</td>
                    <td><input type="text" size="16" id="theme"><span></span></td>
                </tr>
                <tr>
                    <td>负责部门</td>
                    <td><select name="" id="dep"></select><span></span></td>
                </tr>
                <tr>
                    <td>负责人</td>
                    <td><select name="" id="employee"></select></td>
                </tr>
            </table>
        </form>
    </div>
    <table class="table table-striped" id="myTable">
        <thead>
            <tr>
                <td>活动名称</td>
                <td>时间</td>
                <td>地点</td>
                <td>主题</td>
                <td>负责部门</td>
                <td>负责人</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody class="activeList">
        </tbody>
    </table>
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/b_schoolActive.js"></script>
    <script src="../js/shuju.js"></script>
    <script type="text/javascript"></script>
</body>

</html>